<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>购物车</title>
		<link href="../../../public/static/commen/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../public/static/commen/css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/shoppingCard/shopping_list.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav shopping_head">
			<h1 class="mui-title">购物车</h1>
		</header>
		<div class="mui-content">
			<div class="shopping">

				<div class="shop-group-item">
					<div class="shop-name">
						<input type="checkbox" class="check goods-check shopCheck">
						<h4><a href="#">亿乐购物吧</a></h4>
						<!--<div class="coupons"><span>编辑</span></div>-->
					</div>
					<ul class="shopping-all">
						<li class="shopping-list">
							<div class="shop-info">
								<input type="checkbox" class="check goods-check goodsCheck">
								<div class="shop-info-img">
									<a href="#"><img src="../../../public/static/v1/img/shoppingCard/tuceng-11@2x.png" /></a>
								</div>
								<div class="shop-info-text">
									<h4>Apple MacBook Pro 13.3英寸笔记本电脑 银色(Core i5 处理器/8GB内存/128GB SSD闪存/Retina屏 MF839CH/A)</h4>
									<div class="shop-brief"><span>规格1：红轴</span><span>规格2：RGB彩灯</span></div>
									<div class="shop-price2 clearfix">
										<div class="shop-pices">￥<b class="price">100</b></div>
									</div>
									<div class="shop-price shop-price1 clearfix">
										<div class="shop-arithmetic">
											<a href="javascript:;" class="minus">-</a>
											<span class="num">1</span>
											<a href="javascript:;" class="plus">+</a>
										</div>
										<span class="mui-icon mui-icon-trash delete"></span>
									</div>
								</div>
							</div>							
						</li>
						<li class="shopping-list">
							<div class="shop-info">
								<input type="checkbox" class="check goods-check goodsCheck">
								<div class="shop-info-img">
									<a href="#"><img src="../../../public/static/v1/img/shoppingCard/tuceng-11@2x.png" /></a>
								</div>
								<div class="shop-info-text">
									<h4>Apple MacBook Pro 13.3英寸笔记本电脑 银色(Core i5 处理器/8GB内存/128GB SSD闪存/Retina屏 MF839CH/A)</h4>
									<div class="shop-brief"><span>重量:3.3kg</span><span>颜色:标配版</span><span>版本:13.3英寸</span></div>
									<div class="shop-price2 clearfix">
										<div class="shop-pices">￥<b class="price">100</b></div>
									</div>
									<div class="shop-price shop-price1 clearfix">
										<div class="shop-arithmetic">
											<a href="javascript:;" class="minus">-</a>
											<span class="num">1</span>
											<a href="javascript:;" class="plus">+</a>
										</div>
										<span class="mui-icon mui-icon-trash delete"></span>
									</div>
								</div>
							</div>
						</li>
						<li class="shopping-list">
							<div class="shop-info">
								<input type="checkbox" class="check goods-check goodsCheck">
								<div class="shop-info-img">
									<a href="#"><img src="../../../public/static/v1/img/shoppingCard/tuceng-11@2x.png" /></a>
								</div>
								<div class="shop-info-text">
									<h4>Apple MacBook Pro 13.3英寸笔记本电脑 银色(Core i5 处理器/8GB内存/128GB SSD闪存/Retina屏 MF839CH/A)</h4>
									<div class="shop-brief"><span>重量:3.3kg</span><span>颜色:标配版</span><span>版本:13.3英寸</span></div>
									<div class="shop-price2 clearfix">
										<div class="shop-pices">￥<b class="price">100</b></div>
									</div>
									<div class="shop-price shop-price1 clearfix">
										<div class="shop-arithmetic">
											<a href="javascript:;" class="minus">-</a>
											<span class="num">1</span>
											<a href="javascript:;" class="plus">+</a>
										</div>
										<span class="mui-icon mui-icon-trash delete"></span>
									</div>
								</div>
							</div>
						</li>
					</ul>
					<div class="shopPrice">本店总计：￥<span class="shop-total-amount ShopTotal">0.00</span></div>
				</div>

				<div class="shop-group-item">
					<div class="shop-name">
						<input type="checkbox" class="check goods-check shopCheck">
						<h4><a href="#">亿乐购物吧</a></h4>
						<!--<div class="coupons"><span>编辑</span></div>-->
					</div>
					<ul class="shopping-all">
						<li class="shopping-list">
							<div class="shop-info">
								<input type="checkbox" class="check goods-check goodsCheck">
								<div class="shop-info-img">
									<a href="#"><img src="../../../public/static/v1/img/shoppingCard/tuceng-12@2x.png" /></a>
								</div>
								<div class="shop-info-text">
									<h4>Apple MacBook Pro 13.3英寸笔记本电脑 银色(Core i5 处理器/8GB内存/128GB SSD闪存/Retina屏 MF839CH/A)</h4>
									<div class="shop-brief"><span>重量:3.3kg</span><span>颜色:标配版</span><span>版本:13.3英寸</span></div>
									<div class="shop-price2 clearfix">
										<div class="shop-pices">￥<b class="price">100</b></div>
									</div>
									<div class="shop-price shop-price1 clearfix">
										<div class="shop-arithmetic">
											<a href="javascript:;" class="minus">-</a>
											<span class="num">1</span>
											<a href="javascript:;" class="plus">+</a>
										</div>
										<span class="mui-icon mui-icon-trash delete"></span>
									</div>
								</div>
							</div>
						</li>
						<li class="shopping-list">
							<div class="shop-info">
								<input type="checkbox" class="check goods-check goodsCheck">
								<div class="shop-info-img">
									<a href="#"><img src="../../../public/static/v1/img/shoppingCard/tuceng-12@2x.png" /></a>
								</div>
								<div class="shop-info-text">
									<h4>Apple MacBook Pro 13.3英寸笔记本电脑 银色(Core i5 处理器/8GB内存/128GB SSD闪存/Retina屏 MF839CH/A)</h4>
									<div class="shop-brief"><span>重量:3.3kg</span><span>颜色:标配版</span><span>版本:13.3英寸</span></div>
									<div class="shop-price2 clearfix">
										<div class="shop-pices">￥<b class="price">100</b></div>
									</div>
									<div class="shop-price shop-price1 clearfix">
										<div class="shop-arithmetic">
											<a href="javascript:;" class="minus">-</a>
											<span class="num">1</span>
											<a href="javascript:;" class="plus">+</a>
										</div>
										<span class="mui-icon mui-icon-trash delete"></span>
									</div>
								</div>
							</div>
						</li>
					</ul>
					<div class="shopPrice">本店总计：￥<span class="shop-total-amount ShopTotal">0.00</span></div>
				</div>
			</div>

			<div class="payment-bar">
				<div class="all-checkbox"><input type="checkbox" class="check goods-check" id="AllCheck">全选</div>
				<div class="shop-total">
					<strong>总价：<i class="total" id="AllTotal">0.00</i></strong>
				</div>
				<a href="#" class="settlement">结算</a>
			</div>
		</div>

		<!--底部-->
		<nav class="mui-bar mui-bar-tab" id="footer">
			<a class="mui-tab-item index">
				<img src="../../../public/static/commen/img/tabar_notselected1@2x.png" />
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item category">
				<img src="../../../public/static/commen/img/tabar_notselected2@2x.png" />
				<span class="mui-tab-label">类别</span>
			</a>
			<a class="mui-tab-item nearby">
				<img src="../../../public/static/commen/img/tabar_notselected3@2x.png" />
				<span class="mui-tab-label">附近</span>
			</a>
			<a class="mui-tab-item shopping_center">
				<img src="../../../public/static/commen/img/tabar_selected4@2x.png" />
				<span class="mui-tab-label ">购物车</span>
			</a>
			<a class="mui-tab-item personal_card">
				<img src="../../../public/static/commen/img/tabar_notselected5@2x.png" />
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
	</body>

</html>
<script src="../../../public/static/commen/js/vue.min.js"></script>
<script src="../../../public/static/commen/js/mui.min.js"></script>
<script src="../../../public/static/commen/js/jquery.min.js"></script>
<script src="../../../public/static/commen/js/footer/commen_footer.js"></script>
<script src="../../../public/static/v1/js/shoppingCard/shopping_list.js"></script>